/*
 * @Title: 新建行程文件夹
 * @Created by: ycq 
 */
<template>
	<view class="newSc">
		<view class="newSc-head">
			<text class="close" @click="close">取消</text>
			<text class="title">新建行程</text>
			<text class="complete" @click="completeBtn">完成</text>
		</view>
		<view class="newInfo">
			<input type="text" focus="false" placeholder="为此行程添加个标题吧">
			<text class="time">{{time}}</text>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				time:'',
			}
		},
		methods: {
			close() {
				//#ifdef APP-PLUS|| MP-WEIXIN
				this.$parent.closeNew();
				//#endif
				//#ifndef APP-PLUS|| MP-WEIXIN
				this.$parent.$parent.closeNew();
				//#endif
			},
			completeBtn(){
				this.close()
			}
		},
		created(){
			var date = new Date();
			this.time = date.getFullYear()+'年'+(date.getMonth()+1)+'月'+date.getDate()+'日'
			console.log(date.getFullYear())
		}
	}
</script>

<style scoped>
	.newSc{
		width: 700upx;
		height: 302upx;
		background: #FFFFFF;
		position: fixed;
		z-index: 37;
		top:50%;
		left: 50%;
		transform: translate(-50%,-50%);
		border-radius: 30upx;
	}
	.newSc-head{
		width: 100%;
		height: 110upx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.close,.complete{
		font-size: 26upx;
		color: #666666;
		line-height: 110upx;
		margin: 0 26upx;
	}
	.title{
		font-size: 30upx;
		color: #000000;
		line-height: 110upx;
	}
	.newInfo{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.newInfo image{
		width: 200upx;
		height: 155upx;
		margin-left: 26upx;
		float: left;
	}
	.newInfo input{
		width: 100%;
		height: 70upx;
		border-bottom: #CCCCCC solid 1upx;
		margin-left: 25upx;
		font-size: 28upx;
		margin-top: 20upx;
		line-height: 70upx;
		float: left;
		box-sizing: border-box;
	}
	.time{
		float: right;
		font-size: 24upx;
		margin-right: 25upx;
		color: #999999;
		margin-top: 20upx;
	}
</style>
